﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1.2.4 音量按钮效果</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1_2_4_音量按钮效果/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/1_1_2_4_音量按钮效果/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u512" class="ax_default" data-left="642" data-top="152" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u513" class="ax_default _形状" data-label="Rectangle">
          <div id="u513_div" class=""></div>
          <div id="u513_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u514" class="ax_default" data-left="642" data-top="152" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u515" class="ax_default _形状">
            <div id="u515_div" class=""></div>
            <div id="u515_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u516" class="ax_default" data-left="649" data-top="167" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u517" class="ax_default _形状">
              <img id="u517_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u517_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u518" class="ax_default _形状">
              <img id="u518_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u518_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u519" class="ax_default _形状">
              <img id="u519_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u519_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u520" class="ax_default _形状">
              <img id="u520_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u520_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u521" class="ax_default _形状">
              <img id="u521_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u521_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u522" class="ax_default" data-left="980" data-top="164" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u523" class="ax_default _形状">
              <div id="u523_div" class=""></div>
              <div id="u523_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u524" class="ax_default _形状">
              <div id="u524_div" class=""></div>
              <div id="u524_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u525" class="ax_default _形状">
              <div id="u525_div" class=""></div>
              <div id="u525_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u526" class="ax_default _文本段落" data-label="Header 2">
          <div id="u526_div" class=""></div>
          <div id="u526_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u527" class="ax_default _文本段落" data-label="Header 2">
          <div id="u527_div" class=""></div>
          <div id="u527_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u528" class="ax_default _文本段落" data-label="Header 2">
          <div id="u528_div" class=""></div>
          <div id="u528_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u529" class="ax_default ellipse">
        <img id="u529_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u529_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u530" class="ax_default box_1">
        <div id="u530_div" class=""></div>
        <div id="u530_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u531" class="ax_default ellipse">
        <img id="u531_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u531_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u532" class="ax_default line">
        <img id="u532_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u532_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u533" class="ax_default _文本段落" data-label="text - h2">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>闹钟设置</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u534" class="ax_default image">
        <img id="u534_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u534_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u535" class="ax_default line">
        <img id="u535_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u535_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u536" class="ax_default ellipse">
        <img id="u536_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u536_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u537" class="ax_default _水平线">
        <img id="u537_img" class="img " src="images/1_1_2_1_设置聚合页/u250.svg"/>
        <div id="u537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u538" class="ax_default _一级标题">
        <div id="u538_div" class=""></div>
        <div id="u538_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u539" class="ax_default _图片_">
        <img id="u539_img" class="img " src="images/1_1_2_1_设置聚合页/u252.png"/>
        <div id="u539_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u540" class="ax_default _一级标题">
        <div id="u540_div" class=""></div>
        <div id="u540_text" class="text ">
          <p><span>闹钟时长</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u541" class="ax_default line">
        <img id="u541_img" class="img " src="images/1_1_2_1_设置聚合页/u254.svg"/>
        <div id="u541_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u542" class="ax_default _一级标题">
        <div id="u542_div" class=""></div>
        <div id="u542_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u543" class="ax_default _一级标题">
        <div id="u543_div" class=""></div>
        <div id="u543_text" class="text ">
          <p><span>再响间隔</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u544" class="ax_default line">
        <img id="u544_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u544_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u545" class="ax_default _一级标题">
        <div id="u545_div" class=""></div>
        <div id="u545_text" class="text ">
          <p><span>铃声渐响</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u546" class="ax_default line">
        <img id="u546_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u546_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u547" class="ax_default _一级标题">
        <div id="u547_div" class=""></div>
        <div id="u547_text" class="text ">
          <p><span>音量按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u548" class="ax_default line">
        <img id="u548_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u548_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u549" class="ax_default image">
        <img id="u549_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u549_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u550" class="ax_default image">
        <img id="u550_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u550_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u551" class="ax_default _一级标题">
        <div id="u551_div" class=""></div>
        <div id="u551_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u552" class="ax_default _一级标题">
        <div id="u552_div" class=""></div>
        <div id="u552_text" class="text ">
          <p><span>稍后再响</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u553" class="ax_default box_2">
        <div id="u553_div" class=""></div>
        <div id="u553_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u554" class="ax_default _一级标题">
        <div id="u554_div" class=""></div>
        <div id="u554_text" class="text ">
          <p><span>设置-音量按钮效果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u555" class="ax_default box_1">
        <img id="u555_img" class="img " src="images/1_1_2_2_闹钟时长/u344.svg"/>
        <div id="u555_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u556" class="ax_default _三级标题">
        <div id="u556_div" class=""></div>
        <div id="u556_text" class="text ">
          <p><span style="color:#000000;">1. </span><span>点击【</span><span style="color:#000000;">设置-设置聚合页】音量按钮文字所在行任意位置跳转至【设置-音量按钮效果】页面。</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">2.可选项：</span></p><p><span style="color:#000000;">稍后再响、关闭闹钟、不进行任何操作</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">3. 点击文字所在行任意位置区域均为选中，选中情况下，按钮显示蓝色实心，未选中情况下按钮显示灰色空心，默认情况下音量按钮为稍后再响。</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">4. 点击文字所在行设置“音量按钮效果”时，保存新设置并切换界面至【设置-设置聚合页】页面；当用户点击非“音量按钮”窗口任意位置时，保存原有设置并切换页面至【设置-设置聚合页】页面</span></p><p><span style="color:#000000;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u557" class="ax_default arrow">
        <img id="u557_img" class="img " src="images/1_1_2_4_音量按钮效果/u557.svg"/>
        <div id="u557_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u558" class="ax_default _一级标题">
        <div id="u558_div" class=""></div>
        <div id="u558_text" class="text ">
          <p><span>低电量提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u559" class="ax_default" data-left="117" data-top="152" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u560" class="ax_default _形状" data-label="Rectangle">
          <div id="u560_div" class=""></div>
          <div id="u560_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u561" class="ax_default" data-left="117" data-top="152" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u562" class="ax_default _形状">
            <div id="u562_div" class=""></div>
            <div id="u562_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u563" class="ax_default" data-left="124" data-top="167" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u564" class="ax_default _形状">
              <img id="u564_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u564_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u565" class="ax_default _形状">
              <img id="u565_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u565_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u566" class="ax_default _形状">
              <img id="u566_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u566_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u567" class="ax_default _形状">
              <img id="u567_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u567_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u568" class="ax_default _形状">
              <img id="u568_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u568_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u569" class="ax_default" data-left="455" data-top="164" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u570" class="ax_default _形状">
              <div id="u570_div" class=""></div>
              <div id="u570_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u571" class="ax_default _形状">
              <div id="u571_div" class=""></div>
              <div id="u571_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u572" class="ax_default _形状">
              <div id="u572_div" class=""></div>
              <div id="u572_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u573" class="ax_default _文本段落" data-label="Header 2">
          <div id="u573_div" class=""></div>
          <div id="u573_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u574" class="ax_default _文本段落" data-label="Header 2">
          <div id="u574_div" class=""></div>
          <div id="u574_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u575" class="ax_default _文本段落" data-label="Header 2">
          <div id="u575_div" class=""></div>
          <div id="u575_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u576" class="ax_default box_1">
        <div id="u576_div" class=""></div>
        <div id="u576_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u577" class="ax_default _文本段落" data-label="text - h2">
        <div id="u577_div" class=""></div>
        <div id="u577_text" class="text ">
          <p><span>闹钟设置</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u578" class="ax_default image">
        <img id="u578_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u578_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u579" class="ax_default line">
        <img id="u579_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u579_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u580" class="ax_default ellipse">
        <img id="u580_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u580_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u581" class="ax_default _水平线">
        <img id="u581_img" class="img " src="images/1_1_2_1_设置聚合页/u250.svg"/>
        <div id="u581_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u582" class="ax_default _一级标题">
        <div id="u582_div" class=""></div>
        <div id="u582_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u583" class="ax_default _图片_">
        <img id="u583_img" class="img " src="images/1_1_2_1_设置聚合页/u252.png"/>
        <div id="u583_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default _一级标题">
        <div id="u584_div" class=""></div>
        <div id="u584_text" class="text ">
          <p><span>闹钟时长</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u585" class="ax_default line">
        <img id="u585_img" class="img " src="images/1_1_2_1_设置聚合页/u254.svg"/>
        <div id="u585_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default _一级标题">
        <div id="u586_div" class=""></div>
        <div id="u586_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default _一级标题">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p><span>再响间隔</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u588" class="ax_default line">
        <img id="u588_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u588_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default _一级标题">
        <div id="u589_div" class=""></div>
        <div id="u589_text" class="text ">
          <p><span>铃声渐响</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u590" class="ax_default line">
        <img id="u590_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u590_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u591" class="ax_default _一级标题">
        <div id="u591_div" class=""></div>
        <div id="u591_text" class="text ">
          <p><span>音量按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u592" class="ax_default line">
        <img id="u592_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u592_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u593" class="ax_default image">
        <img id="u593_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u593_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u594" class="ax_default image">
        <img id="u594_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u594_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u595" class="ax_default _一级标题">
        <div id="u595_div" class=""></div>
        <div id="u595_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u596" class="ax_default _一级标题">
        <div id="u596_div" class=""></div>
        <div id="u596_text" class="text ">
          <p><span>稍后再响</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u597" class="ax_default _一级标题">
        <div id="u597_div" class=""></div>
        <div id="u597_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u598" class="ax_default _一级标题">
        <div id="u598_div" class=""></div>
        <div id="u598_text" class="text ">
          <p><span>设置-设置聚合页</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u599" class="ax_default line">
        <img id="u599_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u599_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u600" class="ax_default ellipse">
        <img id="u600_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u600_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default _一级标题">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>低电量提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u602" class="ax_default line">
        <img id="u602_img" class="img " src="images/1_1_2_1_设置聚合页/u273.svg"/>
        <div id="u602_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u603" class="ax_default line">
        <img id="u603_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u603_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u604" class="ax_default _一级标题">
        <div id="u604_div" class=""></div>
        <div id="u604_text" class="text ">
          <p><span>省电模式</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u605" class="ax_default ellipse">
        <img id="u605_img" class="img " src="images/1_1_2_1_设置聚合页/u276.svg"/>
        <div id="u605_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u606" class="ax_default line">
        <img id="u606_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u606_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u607" class="ax_default marker">
        <img id="u607_img" class="img " src="images/1_1_2_4_音量按钮效果/u607.svg"/>
        <div id="u607_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u608" class="ax_default" data-left="117" data-top="152" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u609" class="ax_default _形状" data-label="Rectangle">
          <div id="u609_div" class=""></div>
          <div id="u609_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u610" class="ax_default" data-left="117" data-top="152" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u611" class="ax_default _形状">
            <div id="u611_div" class=""></div>
            <div id="u611_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u612" class="ax_default" data-left="124" data-top="167" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u613" class="ax_default _形状">
              <img id="u613_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u613_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u614" class="ax_default _形状">
              <img id="u614_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u614_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u615" class="ax_default _形状">
              <img id="u615_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u615_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u616" class="ax_default _形状">
              <img id="u616_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u616_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u617" class="ax_default _形状">
              <img id="u617_img" class="img " src="images/1_1_2_1_设置聚合页/u233.svg"/>
              <div id="u617_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u618" class="ax_default" data-left="455" data-top="164" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u619" class="ax_default _形状">
              <div id="u619_div" class=""></div>
              <div id="u619_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u620" class="ax_default _形状">
              <div id="u620_div" class=""></div>
              <div id="u620_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u621" class="ax_default _形状">
              <div id="u621_div" class=""></div>
              <div id="u621_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u622" class="ax_default _文本段落" data-label="Header 2">
          <div id="u622_div" class=""></div>
          <div id="u622_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u623" class="ax_default _文本段落" data-label="Header 2">
          <div id="u623_div" class=""></div>
          <div id="u623_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u624" class="ax_default _文本段落" data-label="Header 2">
          <div id="u624_div" class=""></div>
          <div id="u624_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u625" class="ax_default box_1">
        <div id="u625_div" class=""></div>
        <div id="u625_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u626" class="ax_default _文本段落" data-label="text - h2">
        <div id="u626_div" class=""></div>
        <div id="u626_text" class="text ">
          <p><span>闹钟设置</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u627" class="ax_default image">
        <img id="u627_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u627_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u628" class="ax_default line">
        <img id="u628_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u628_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u629" class="ax_default ellipse">
        <img id="u629_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u629_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u630" class="ax_default _水平线">
        <img id="u630_img" class="img " src="images/1_1_2_1_设置聚合页/u250.svg"/>
        <div id="u630_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u631" class="ax_default _一级标题">
        <div id="u631_div" class=""></div>
        <div id="u631_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u632" class="ax_default _图片_">
        <img id="u632_img" class="img " src="images/1_1_2_1_设置聚合页/u252.png"/>
        <div id="u632_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u633" class="ax_default _一级标题">
        <div id="u633_div" class=""></div>
        <div id="u633_text" class="text ">
          <p><span>闹钟时长</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u634" class="ax_default line">
        <img id="u634_img" class="img " src="images/1_1_2_1_设置聚合页/u254.svg"/>
        <div id="u634_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u635" class="ax_default _一级标题">
        <div id="u635_div" class=""></div>
        <div id="u635_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u636" class="ax_default _一级标题">
        <div id="u636_div" class=""></div>
        <div id="u636_text" class="text ">
          <p><span>再响间隔</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u637" class="ax_default line">
        <img id="u637_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u637_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u638" class="ax_default _一级标题">
        <div id="u638_div" class=""></div>
        <div id="u638_text" class="text ">
          <p><span>铃声渐响</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u639" class="ax_default line">
        <img id="u639_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u639_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u640" class="ax_default _一级标题">
        <div id="u640_div" class=""></div>
        <div id="u640_text" class="text ">
          <p><span>音量按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u641" class="ax_default line">
        <img id="u641_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u641_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u642" class="ax_default image">
        <img id="u642_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u642_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u643" class="ax_default image">
        <img id="u643_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u643_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u644" class="ax_default _一级标题">
        <div id="u644_div" class=""></div>
        <div id="u644_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u645" class="ax_default _一级标题">
        <div id="u645_div" class=""></div>
        <div id="u645_text" class="text ">
          <p><span>稍后再响</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u646" class="ax_default line">
        <img id="u646_img" class="img " src="images/1_1_2_1_设置聚合页/u248.svg"/>
        <div id="u646_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u647" class="ax_default ellipse">
        <img id="u647_img" class="img " src="images/1_1_2_1_设置聚合页/u249.svg"/>
        <div id="u647_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u648" class="ax_default _一级标题">
        <div id="u648_div" class=""></div>
        <div id="u648_text" class="text ">
          <p><span>低电量提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u649" class="ax_default line">
        <img id="u649_img" class="img " src="images/1_1_2_1_设置聚合页/u273.svg"/>
        <div id="u649_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u650" class="ax_default line">
        <img id="u650_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u650_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u651" class="ax_default _一级标题">
        <div id="u651_div" class=""></div>
        <div id="u651_text" class="text ">
          <p><span>省电模式</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u652" class="ax_default ellipse">
        <img id="u652_img" class="img " src="images/1_1_2_1_设置聚合页/u276.svg"/>
        <div id="u652_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u653" class="ax_default line">
        <img id="u653_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u653_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u654" class="ax_default _一级标题">
        <div id="u654_div" class=""></div>
        <div id="u654_text" class="text ">
          <p><span>飞利浦Hues灯泡唤醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u655" class="ax_default _一级标题">
        <div id="u655_div" class=""></div>
        <div id="u655_text" class="text ">
          <p><span>工作日唤醒</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u656" class="ax_default image">
        <img id="u656_img" class="img " src="images/1_1_2_1_设置聚合页/u247.png"/>
        <div id="u656_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u657" class="ax_default line">
        <img id="u657_img" class="img " src="images/1_1_2_1_设置聚合页/u257.svg"/>
        <div id="u657_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u658" class="ax_default marker">
        <img id="u658_img" class="img " src="images/1_1_2_2_闹钟时长/u398.svg"/>
        <div id="u658_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u659" class="ax_default box_1">
        <div id="u659_div" class=""></div>
        <div id="u659_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u660" class="ax_default box_1">
        <div id="u660_div" class=""></div>
        <div id="u660_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u661" class="ax_default box_1">
        <div id="u661_div" class=""></div>
        <div id="u661_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u662" class="ax_default box_1">
        <div id="u662_div" class=""></div>
        <div id="u662_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u663" class="ax_default _一级标题">
        <div id="u663_div" class=""></div>
        <div id="u663_text" class="text ">
          <p><span>关闭闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u664" class="ax_default _一级标题">
        <div id="u664_div" class=""></div>
        <div id="u664_text" class="text ">
          <p><span>不进行任何操作</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u665" class="ax_default ellipse">
        <img id="u665_img" class="img " src="images/1_1_2_2_闹钟时长/u331.svg"/>
        <div id="u665_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u666" class="ax_default ellipse">
        <img id="u666_img" class="img " src="images/1_1_2_2_闹钟时长/u332.svg"/>
        <div id="u666_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u667" class="ax_default ellipse">
        <img id="u667_img" class="img " src="images/1_1_2_2_闹钟时长/u333.svg"/>
        <div id="u667_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u668" class="ax_default ellipse">
        <img id="u668_img" class="img " src="images/1_1_2_2_闹钟时长/u333.svg"/>
        <div id="u668_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u669" class="ax_default _一级标题">
        <div id="u669_div" class=""></div>
        <div id="u669_text" class="text ">
          <p><span>音量按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u670" class="ax_default _一级标题">
        <div id="u670_div" class=""></div>
        <div id="u670_text" class="text ">
          <p><span>稍后再响</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u671" class="ax_default image">
        <img id="u671_img" class="img " src="images/图例/u71.png"/>
        <div id="u671_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u672" class="ax_default _文本段落" data-label="Header 2">
        <div id="u672_div" class=""></div>
        <div id="u672_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
